<template>
  <div class="bodyLayout">
    <router-view></router-view>

    <van-tabbar v-model="active" route class="vatNav">
      <van-tabbar-item
        class="iconfont icon-shouye"
        class-prefix="icon"
        to="/home"
        >首页</van-tabbar-item
      >
      <van-tabbar-item
        class="iconfont icon-sousuo"
        class-prefix="icon"
        to="/home/list"
        >找房</van-tabbar-item
      >
      <van-tabbar-item
        class="iconfont icon-zixun"
        class-prefix="icon"
        to="/home/news"
        >咨询</van-tabbar-item
      >
      <van-tabbar-item
        class="iconfont icon-ziyuan"
        class-prefix="icon"
        to="/home/profile"
        >我的</van-tabbar-item
      >
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: 'layout',
  data() {
    return {
      active: 0,
    }
  },
}
</script>

<style lang="less">
.van-tabbar-item--active{
  color: #21b97a;

}
.bodyLayout{
  min-height: 667px;
}
.vatNav{
  border-top: 1px solid rgba(0,0,0,0.05);
}
</style>
